<!DOCTYPE html>
<html lang="pt">
	<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
	<head>
	<meta http-equiv="content-type" content="text/html; charset=UTF-8"> 
	<title>Crossroads</title>
	
	<link rel="stylesheet" href="css/font-face/fonts.css" type="text/css">
	<link rel="stylesheet" href="css/default.css" type="text/css">
	
	<script src="js/jquery-1.6.1.min.js"></script>
	<script src="js/plugins.js"></script>
	
	<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>
	<script type="text/javascript" src="http://code.google.com/apis/gears/gears_init.js"></script>
	
	<script type="text/javascript">
	
	$(document).ready(function() {
    	$("#map").getHeight();
    	$("#map").getActualLocation();
    });
	</script>
	</head>
	
	<body>
		<div id="wrapper" class="">
			<div id="content" class="">
				<header>
					<div id="" class="two_col col_margin ">
						<div id="brand">
							<a href="javascript:;"><img src="img/crossroads.png" alt="Crossroads - Home" /></a>
						</div>
					</div>
					<div id="menuPrincipal" class="two_col col_margin ">
						<nav id="menu">
							<div id="menuItem"><a href="javascrit:;">Amigos</a></div>
							<div id="menuItem"><a href="javascrit:;">Grupos</a></div>
							<div id="menuItem"><a href="javascrit:;">Rotas</a></div>
						</nav>
					</div>
					<div id="" class="one_col ">
					</div>
				</header>
			</div>
			<div id="content" class="">
				<section class="loc-search">
					<div id="loc" class="two_col col_margin ">
						<div id="loc-field" class="">	
							<label>Você está em:</label>						
							<h3>Pelotas, Rio Grande do Sul, Brasil</h3>
						</div>
					</div>
					<div id="search" class="three_col ">
						<div id="search-field">
							<input value="Busca" type="text" />
						</div>
						<label>Locais</label><label>Amigos</label><label>Grupos</label>
					</div>
				</section>
				<section class="map-info" class="four_col col_margin ">
					<div id="map-container" class="four_col col_margin">
						<div id="map"></div>
					</div>
					<div id="info" class="one_col">
						<div id="photo">
							
						</div>
						
						<ul class="info-menu">
							<li class="info-menu-active">Geolocalização</li>
							<li>Informação</li>
							<li>Fotos</li>
							<li>Vídeos</li>
							<li>Rotas</li>
						</ul>
						
					</div>
				</section>
				
				<footer>
					
				</footer>
			</div>
		</div>
	</body>
</html>








	